<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <ul>
    <li>王一烦</li>
    <li>马海平</li>
    <li>小于</li>
    <li>张利东</li>
    <li>米粥</li>
  </ul>
  <ul>
    <li>犊子</li>
  </ul>
  <script src="./jquery-3.4.1.min.js"></script>
  <script>
    $(function () {
      // :first-child 第一个元素
      $("li:first-child").css("color", "red")
      // :last-child 最后一个元素
      $("li:last-child").css("color", "red")
      // nth-child(num) 选择指定的元素 num从1开始
      $("li:nth-child(2)").css("color", "red")
      //  : only - child 如果某个元素是父元素中唯一的子元素，那将会被匹配
      $("li:only-child").css("background", "blue");
    }
  </script>
</body>

</html>